<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title>2020 Game</title>
    <!-- Style -->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- Icon -->
    <link rel="shortcut icon" href="logo/favicon.ico"/>
    <link rel="icon" type="image/png" sizes="16x16" href="logo/16x16.png"/>
    <link rel="icon" type="image/png" sizes="32x32" href="logo/32x32.png"/>
    <link rel="apple-touch-icon" sizes="180x180" href="logo/180x180.png"/>
    <!-- Canonical -->
    <link rel="canonical" href="https://2020game.io"/>
    <link rel="image_src" href="logo/180x180.png"/>
    <!-- Meta -->
    <meta name="title" content="2020 Game"/>
    <meta name="description" content="Play through all the major events of 2020: the Australia wildfires, COVID-19, quarantine, the rise of TikTok, the USA elections, etc."/>
    <!-- OpenGraph -->
    <meta property="og:title" content="2020 Game"/>
    <meta property="og:description" content="Play through all the major events of 2020: the Australia wildfires, COVID-19, quarantine, the rise of TikTok, the USA elections, etc."/>
    <meta property="og:site_name" content="2020 Game"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://2020game.io"/>
    <meta property="og:image" content="logo/200x200.png"/>
    <meta property="og:image:width" content="200"/>
    <meta property="og:image:height" content="200"/>
    <meta itemprop="image" content="logo/180x180.png"/>

    <!-- Yandex.Metrika counter -->
    <script type="text/javascript" >
        (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
        (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
    
        ym(70640851, "init", {
            clickmap:true,
            trackLinks:true,
            accurateTrackBounce:true,
            webvisor:true
        });
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/70640851" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
    <!-- /Yandex.Metrika counter -->
</head>
<body>
    <div id="logo" class="logo">
        <img src="assets/logo.png" alt="2020 GAME"/>
        <div class="language-select">
            <p class="selected"></p>
            <div class="dropdown"></div>
        </div>
    </div>
    <div class="warning">
        <p id="warning">PLEASE ROTATE YOUR DEVICE.</p>
        <img src="assets/buttons/rotate2.png" alt="Rotate your device">
    </div>
    <main>
        <div class="game-wrapper">
            <div id="game"></div>
            <div id="controls">
                <div class="control" id="left"></div>
                <div class="control" id="right"></div>
                <div class="control" id="up"></div>
            </div>
        </div>
        <div class="info">
            <p id="title" class="title">THE GAME ABOUT THE MAD YEAR 2020</p>
            <div class="separator"></div>
            <p id="description" class="description">PLAY THROUGH ALL THE MAJOR EVENTS OF 2020: THE AUSTRALIA WILDFIRES, COVID-19, THE STOCK MARKET CRASH, QUARANTINE, THE RISE OF TIKTOK, THE USA ELECTIONS, ETC.</p>
            <div class="donate" style="display: none;">
                <a id="donate1" href="https://donorbox.org/2020-game" target="_blank">
                    <img src="#"/>
                </a>
            </div>
            <p class="sponsors-text">SPONSORS</p>
            <div class="sponsors">
                <a href="https://casinonederland10.com/" target="_blank" title="Online casino voor Nederland spelers">
                    <div class="wrapper">
                        <img src="sponsors/casino-10.png"/>
                    </div>
                    <p>CASINO 10</p>
                </a>
            </div>
            <p id="shareText1" class="share-text">SHARE WITH FRIENDS</p>
            <div class="icons">
                <a class="icon" href="https://twitter.com/intent/tweet?text=What%20if%202020%20was%20a%20game%3F%20%232020gameio&url=https%3A%2F%2F2020game.io" target="_blank">
                    <img src="assets/buttons/twitter.png"/>
                </a>
                <a class="icon" href="whatsapp://send?text=I%20just%20finished%20this%20game%20about%20the%20major%20events%20of%202020%21%20Check%20it%20out%3A%20https%3A%2F%2F2020game.io" target="_blank">
                    <img src="assets/buttons/whatsapp.png"/>
                </a>
                <a class="icon" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020game%2Eio" target="_blank">
                    <img src="assets/buttons/facebook.png"/>
                </a>
            </div>
            <div class="contacts">
                <a id="emailMe" href="mailto:contact@2020game.io" target="_blank">EMAIL ME</a>
                <span> · </span>
                <a id="pressKit" href="./presskit.html" target="_blank">PRESS KIT</a>
                <span> · </span>
                <a href="./credits.html" target="_blank">CREDITS</a>
            </div>
        </div>
    </main>

    <div id="modalInfo" style="display: none;">
        <div class="background"></div>
        <div class="content">
            <div class="donate">
                <a id="donate2" href="https://donorbox.org/2020-game" target="_blank">
                    <img src="#"/>
                </a>
            </div>
            <div class="language">
                <p>LANGUAGE:</p><div class="language-select">
                    <p class="selected"></p>
                    <div class="dropdown"></div>
                </div>
            </div>
            <p id="shareText2" class="text">SHARE WITH FRIENDS</p>
            <div class="icons">
                <a class="icon" href="https://twitter.com/intent/tweet?text=What%20if%202020%20was%20a%20game%3F%20%232020gameio&url=https%3A%2F%2F2020game.io" target="_blank">
                    <img src="assets/buttons/twitter.png"/>
                </a>
                <a class="icon" href="whatsapp://send?text=I%20just%20finished%20this%20game%20about%20the%20major%20events%20of%202020%21%20Check%20it%20out%3A%20https%3A%2F%2F2020game.io" target="_blank">
                    <img src="assets/buttons/whatsapp.png"/>
                </a>
                <a class="icon" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020game%2Eio" target="_blank">
                    <img src="assets/buttons/facebook.png"/>
                </a>
            </div>
            <p class="mail">CONTACT@2020GAME.IO</p>
        </div>
    </div>

    <script type="module" src="js/main.js"></script>
</body>
</html>